iT邦幫忙

2021 iThome 鐵人賽

DAY 11
0

Day10
在許多登入畫面會選擇某些內容

像選擇參觀網站是否滿18歲等等選項

所以可以用下拉選單來顯示
其中MenuItem value設定得值的 可用來改變useState 狀態

        <FormControl fullWidth>
        <InputLabel id="demo-simple-select-label">Age</InputLabel>
        <Select
          labelId="demo-simple-select-label"
          value={age}
          label="參觀年紀"
          onChange={handleselect}
        >
          <MenuItem value={17}>18以下</MenuItem>
          <MenuItem value={18}>18以上</MenuItem>
          <MenuItem value={80}>太老了我不適合</MenuItem>
        </Select>
      </FormControl>

Day11


上一篇
[Day 10] Checkbox 核取方塊
下一篇
[Day 12] 開關 Switch
系列文
從 React 開始,讓你的ui material 起來15
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言